<template>
  <div style="padding: 10px">
    <p>设置 props 属性，可设置 value, label, disabled 取值</p>
    <d-select
      :options="options"
      v-model="selectValue"
      :props="{ label: 'name', value: 'id', disabled: 'isDis' }"></d-select>
    <p>selectValue值：{{ selectValue }}</p>
  </div>
</template>

<script setup lang="ts">
  import { ref } from 'vue'
  const options = ref([
    { name: '选项1', id: '1' },
    { name: '选项2', id: '2', isDis: true },
    { name: '选项3', id: '3' }
  ])
  const selectValue = ref('')
</script>

<style scoped></style>
